@charset "UTF-8";

[class*="flex-v-"], [class*="flex-h-"] {
  display:flex;
}
.flex-h-start {
  justify-content: flex-start;
}
.flex-h-end {
  justify-content: flex-end;
}
.flex-h-center {
  justify-content:center;
}
.flex-v-start {
  align-items:flex-start;
}
.flex-v-end {
  align-items:flex-end;
}
.flex-v-center {
  align-items:center;
}
.flex-between {
  display:flex;
  justify-content:space-between;
}
.set-bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}
.spad {
	padding-top: 100px;
	padding-bottom: 100px;
}
.spad-b {
	padding-bottom: 100px;
}
.spad-t {
	padding-top: 100px;
}
.page-content {
	padding-bottom: 80px;
}
.text-white {
	color: #fff;
}
.border-gray {
	border: 2px solid #ebebeb;
}
hr.border-gray {
	opacity: 1;
	border-width: 0 0 2px;
	margin-bottom: 0;
}
.page-item.active .page-link {
  background-color: var(--primary-600);
  border-color: var(--primary-600);
}
.page-link:focus {
  color: var(--primary-600);
  box-shadow: 0 0 0 0.25rem var(--app-primary-transparent-25)
}
.page-link, .page-link:hover {
  color: var(--primary-600);
}

.custom-table td {
  vertical-align:middle;
  background:#fff;
}
.custom-table td:first-child {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.custom-table td:last-child {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.custom-table {
  border-collapse:separate;
  border-spacing: 0 1em !important;
}
.custom-table tbody tr {
  box-shadow: 0 0 0.25rem rgba(0,0,0,.075)!important;
}
.custom-table tbody td:first-child {
  padding: 0.75rem 2rem !important;
}
.img-wrapper, .img-wrapper-show, .icon-wrapper{
  display:flex;
  align-items:center;
  justify-content: center;
}
.img-wrapper.img-unselected {
  min-height: 150px;
}
.img-wrapper {
  background: #f8f9fa  url('../../img/icons/image.png') no-repeat center;
  border: 3px dashed darkgray;
  cursor: pointer;
  padding: 0.25rem;
}
.doc-wrapper {
    background: #f8f9fa;
    border: 3px dashed darkgray !important;
    cursor: pointer;
    padding: 0.25rem;
    width: 100% !important;
    height: 60px !important;
}
.demo-wrapper {
  text-align: center !important;
  border: 3px dashed lightgray;
  padding: 0.25rem;
}
.img-preview {
  max-height: 100%;
}
.img-wrapper.small {
  height: 64px;
  width: 64px;
  background-size: 50%;
}
.img-wrapper.large {
  height: 250px;
  width: 250px;
}
.img-wrapper.medium {
  height: 150px;
  width: 150px;
  background-size: 50px;
}
.img-wrapper-show {
  width: 50px;
}
.img-wrapper-show .img-fluid {
  max-height: 100%;
  height: 50px;
  object-fit: cover;
}
.icon-wrapper {
  background: var(--app-primary-transparent-25);
  color: var(--primary-600);
  border-radius: 50%;
  width: 35px;
  height: 35px;
  font-size: 1.10rem;
}
.icon-wrapper-medium {
  width: 50px;
  height: 50px;
  font-size: 1.25rem;
}
.icon-wrapper-large {
  width: 75px;
  height: 75px;
  font-size: 1.5rem;
}
.mb-6 {
  margin-bottom: 2rem !important;
}
.mw-25 {
  max-width: 25%;
}
.mw-50 {
  max-width: 50%;
}
.mw-75 {
  max-width: 75%;
}
.mw-100 {
  max-width: 100%;
}
@media (min-width: 576px) {
  .mb-sm-6 {
		margin-bottom: 2rem !important;
	}
  .mw-sm-25 {
		max-width: 25%;
	}
	.mw-sm-50 {
		max-width: 50%;
	}
	.mw-sm-75 {
		max-width: 75%;
	}
  .mw-sm-100 {
		max-width: 100%;
	}
  .icon-wrapper-sm-medium {
    width: 50px;
    height: 50px;
    font-size: 1.25rem;
  }
  .icon-wrapper-sm-large {
    width: 75px;
    height: 75px;
    font-size: 1.5rem;
  }
}
@media (min-width: 768px) {
  .mb-md-6 {
		margin-bottom: 2rem !important;
	}
  .mw-md-25 {
		max-width: 25%;
	}
	.mw-md-50 {
		max-width: 50%;
	}
	.mw-md-75 {
		max-width: 75%;
	}
  .mw-md-100 {
		max-width: 100%;
	}
  .icon-wrapper-md-medium {
    width: 50px;
    height: 50px;
    font-size: 1.25rem;
  }
  .icon-wrapper-md-large {
    width: 75px;
    height: 75px;
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) {
  .mb-lg-6 {
		margin-bottom: 2rem !important;
	}
	.mw-lg-25 {
		max-width: 25%;
	}
	.mw-lg-50 {
		max-width: 50%;
	}
	.mw-lg-75 {
		max-width: 75%;
	}
	.mw-lg-100 {
		max-width: 100%;
	}
  .icon-wrapper-lg-medium {
    width: 50px;
    height: 50px;
    font-size: 1.25rem;
  }
  .icon-wrapper-lg-large {
    width: 75px;
    height: 75px;
    font-size: 1.5rem;
  }
}
.accordion-text {
  display:inline-block;
  padding: 1rem 1.25rem;
  font-size: 1rem;
  color: #212529;
  background-color: #fff;
  border: 0;
  border-radius: 0;
}
.accordion-header.inactive {
  display:flex;
  justify-content: space-between;
}

.btn-group-xs > .btn{
padding: .15rem .3rem;
font-size: .675rem;
}

.rounded-pill-left {
border-top-left-radius: 50rem !important;
border-bottom-left-radius: 50rem !important;
}
.rounded-pill-right {
border-top-right-radius: 50rem !important;
border-bottom-right-radius: 50rem !important;
}


  .card-about {
    min-height: 350px;
  }
  .item-label {
    font-weight: 600;
  }
  .custom-tabs .nav-tabs .nav-link.active {
    background: none !important;
    border: none;
    color: var(--primary-600);
    border-bottom: 3px solid var(--primary-600);
  }
  .custom-tabs .nav-tabs .nav-link {
    color: #5d6778;
  }
  @media (max-width: 576px) {
    .custom-tabs .nav-tabs .nav-link {
      font-size: 0.75rem;
    }
  }
  .table-values  tr td:last-child{
    padding-right: 1rem;
  }
  .table-values  tr td:first-child{
    padding-left: 1rem;
  }
  .table-full-column {
    min-width: 100px;
    width: 50%;
  }
  .form-control-color {
    max-width: 100%;
  }
  .carousel-control-next-icon, .carousel-control-prev-icon {
    background-color: darkgray;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    background-size: 75%;
  }
  .payment-title {
    display:block;
    margin-bottom: 0.25rem;
  }
  .form-group {
    margin-bottom: 0.75rem;
  }
  .form-label-required::after {
    content: "•";
    color: var(--bs-danger);
    margin-left: 0.25rem;
  }
  .form-group
  .invalid-feedback {
    font-size: small;
    font-style: italic;
    text-align: right;
  }
.page-title-actions {
  display:flex;
  justify-content: space-between;
  align-items:center;
}
.page-title-actions .app-page-title {
  margin-bottom: 0;
}
.app-page-header-wrapper {
  width: 100%;
}
.app-page-header {
  display:flex;
  justify-content:space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 0.5rem 1rem;
  background: #f5f6fe;
  border-bottom: 1px solid lightgray;
}
.app-page-header-wrapper:not(.header-fixed) .app-page-header {
  width: 100% !important;
}
.header-fixed .app-page-header {
  position: fixed;
  top: 56px;
  z-index: 1010;
  box-shadow:0px 10px 15px -10px rgba(0,0,0,0.15);
}
  /* AVATAR */
  .avatar span {
    display:block;
    margin-bottom: 0.5rem;
  }
  .avatar-definitive {
    border-radius: 50% !important;
  }
  .avatar-preview {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    overflow:hidden;
    position: relative;
    cursor:pointer;
  }
  .avatar-preview img {
    width:100%;
    height: auto;
  }
  .pick-avatar {
    position: absolute;
    top:0;
    left: 0;
    background: rgba(0,0,0,0.35);
    height: 100%;
    width:100%;
    display:grid;
    place-items: center;
    z-index: 10;
    opacity: 0;
    transition: all 0.25s ease;
  }
  .pick-avatar i {
    font-size: 1.5rem;
    color:white;
  }
  .avatar-preview:hover .pick-avatar{
    opacity: 1;
  }

  .page-title-actions {
    display:flex;
    justify-content: space-between;
    align-items:center;
  }
  .page-title-actions .app-page-title {
    margin-bottom: 0;
  }
  .app-page-header-wrapper {
    width: 100%;
  }
  .app-page-header {
    display:flex;
    justify-content:space-between;
    align-items: center;
    flex-wrap: wrap;
    border-bottom: 1px solid #E3E6EF;
    padding: 0.5rem 0.75rem;
    background: #f5f6fe;
  }
  .app-page-header-wrapper:not(.header-fixed) .app-page-header {
    width: 100% !important;
  }
  .header-fixed .app-page-header {
    position: fixed;
    top: 56px;
    z-index: 1010;
  }

  @media (max-width: 1200px) {
    .app-page-header {
      width: 100% !important;
    }
    .header-fixed .app-page-header {
      left: 0;
    }
  }
  @media (min-width: 1200px) {
    .mb-xl-6 {
      margin-bottom: 2rem !important;
    }
    .mw-xl-25 {
      max-width: 25%;
    }
    .mw-xl-50 {
      max-width: 50%;
    }
    .mw-xl-75 {
      max-width: 75%;
    }
    .mw-xl-100 {
      max-width: 100%;
    }
    .app-page-header {
      padding: 0.5rem 0;
    }
  }
  .app-page-title {
    font-size: 1.5rem;
    font-weight: bolder;
    margin-bottom: 0rem;
  }
  .btn-default {
    padding: 0;
    margin: 0;
    outline: none;
    background:transparent;
  }
  .btn-default:focus {
    box-shadow: none;
  }

  /* ÁRVORE HIERARQUICA */
  .tree-grid-wrapper {
    overflow:hidden;
  }
  .tree-grid {
    position: relative;
    list-style-type: none;
    padding-left: calc(15px + 0.5rem);
  }
  .tree-grid-hover .tree-grid-header:hover {
    background: rgba(0, 0, 0, 0.075);
  }
  .tree-grid-header,
  .tree-grid-item{
      position: relative;
      color: #212529;
      text-decoration: none;
  }
  .tree-grid-item {
    padding-left: 0.5rem;
  }
  .tree-grid-header {
    display:flex;
    align-items:center;
    padding: .25rem 1rem;
    border: 1px solid rgba(0,0,0,.125);
    padding-left: 30px;
    margin: 0.5rem 0;
    margin-left: -0.5rem;
  }
  .tree-grid-button {
    padding: 0;
    margin: 0;
    border:none;
    background:transparent;
    text-align:left;
  }
  .tree-grid-text, .tree-grid-button {
    display:block;
   width: 100%;
  }
  .tree-grid-indicator {
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
  }
  .tree-grid-header.grid-down .tree-grid-indicator {
    color: var(--primary-600);
    transform: translateY(-50%) rotate(90deg);
  }
  .tree-grid-actions {
    display:none;
    margin-left: 0.25rem;
  }
  .tree-grid-text:hover > .tree-grid-actions {
    display:inline-block;
  }
  .tree-grid-body {
    padding-top: 2px;
  }
  /*  TRAÇO HORIZONTAL */
  .tree-grid-item::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 2px;
    top: 15px;
    left: 0;
    transform: translate(-100%, -50%);
    background-color: var(--primary-300);
  }

  /* TRAÇO VERTICAL */
  .tree-grid-item::after {
    content:"";
    position: absolute;
    top: -.5rem;
    left: -15px;
    background-color: var(--primary-300);
    width: 2px;
    height: calc(100% + 0.5rem);
  }
  .tree-grid-item:last-child::after {
    height: 1.5rem;
  }
  .default-item {
    color: var(--bs-danger);
  }
  .tree-grid-item .btn-link {
    padding: 0;
  }
  .tree-grid-item a, .tree-grid-item .btn-link {
    color: #5d6778;
  }
  .tree-grid a:hover, .tree-grid-item .btn-link:hover {
    color: var(--primary-600);
  }
  .tree-grid .form-check-label.active {
    background: var(--primary-200);
    color: var(--primary-600);
  }
.text-d {
    font-size: small !important;
    font-style: italic !important;
}
.ui-sortable-handle {
cursor: grab !important;
}
.btn-icon {
  padding: 0;
  margin-right: 0.5rem;
}
.btn-icon:last-child {
  margin-right: 0;
}
.btn-icon.dropdown-toggle::after {
  display:none;
}
.track {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .track .step {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%;
    position: relative;
    height: 4rem;
  }
  .track .step:last-child {
  height: unset;
  }
  .track .step .icon {
  margin-right: 0.5rem;
  }
  .track .step::before {
    position: absolute;
    background-color: #ddd;
    content: "";
    left: calc(20px - 3.5px);
    width: 7px;
    height: 100%;
    top: 0;
  }
  .track .step.active:before {
    background: #7fad39
  }
  .track .step.active .icon {
    background: #7fad39;
    color: #fff
  }
  .track .icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align:center;
    line-height: 40px;
    position: relative;
    border-radius: 100%;
    background: #ddd;
  }
  .track .step.active .text {
    font-weight: 400;
    color: #000
  }
  @media (min-width:576px) {
    .track.track-sm {
      flex-direction: row;
      height: 7px;
      margin-bottom: 75px;
      margin-top: 50px;
    }
    .img-wrapper-show {
      width: 75px;
    }
    .img-wrapper-show .img-fluid {
      height: 75px;
    }
    .track.dashboard {
      margin-bottom: 100px;
    }

    .track.track-sm .step {
      text-align: center;
      margin-top: -18px;
      height: unset;
    }
    .track.track-sm .step::before {
      height: 7px;
      width: 100%;
      left: 0;
      top:18px;
    }
    .track.track-sm .step.active:last-child::before {
      width: 50%;
    }
    .track.track-sm .text {
      display: block;
      margin-top: 7px
    }
    .track.track-sm .date {
      display: block;
      margin-top: 0px
    }
    .track.track-sm .step .icon {
      margin-right: 0;
    }
  }
  @media (min-width:768px) {
    .track.track-md {
      flex-direction: row;
      height: 7px;
      margin-bottom: 75px;
      margin-top: 50px;
    }
    .track.track-md .step {
      text-align: center;
      margin-top: -18px;
      height: unset;
    }
    .track.track-md .step::before {
      height: 7px;
      width: 100%;
      left: 0;
      top:18px;
    }
    .track.track-md .step.active:last-child::before {
      width: 50%;
    }
    .track.track-md .text {
      display: block;
      margin-top: 7px
    }
    .track.track-md .date {
      display: block;
      margin-top: 0px
    }
    .track.track-md .step .icon {
      margin-right: 0;
    }
  }
  @media (min-width:992px) {
    .track.track-lg {
      flex-direction: row;
      height: 7px;
      margin-bottom: 75px;
      margin-top: 50px;
    }
    .track.track-lg .step {
      text-align: center;
      margin-top: -18px;
      height: unset;
    }
    .track.track-lg .step::before {
      height: 7px;
      width: 100%;
      left: 0;
      top:18px;
    }
    .track.track-lg .step.active:last-child::before {
      width: 50%;
    }
    .track.track-lg .text {
      display: block;
      margin-top: 7px
    }
    .track.track-lg .date {
      display: block;
      margin-top: 0px
    }
    .track.track-lg .step .icon {
      margin-right: 0;
    }
  }
  @media (min-width:1200px) {
    .track.track-xl {
      flex-direction: row;
      height: 7px;
      margin-bottom: 75px;
      margin-top: 50px;
    }
    .track.track-xl .step {
      text-align: center;
      margin-top: -18px;
      height: unset;
    }
    .track.track-xl .step::before {
      height: 7px;
      width: 100%;
      left: 0;
      top:18px;
    }
    .track.track-xl .step.active:last-child::before {
      width: 50%;
    }
    .track.track-xl .text {
      display: block;
      margin-top: 7px
    }
    .track.track-xl .date {
      display: block;
      margin-top: 0px
    }
    .track.track-xl .step .icon {
      margin-right: 0;
    }
  }
.list-group-item-summary {
  display:flex;
  align-items:center;
  justify-content: space-between;
  background: transparent;
}
.app-auth-form {
    border-bottom: 1px solid #dee2e6;
  }
@media (min-width: 976px) {
    .app-auth-form {
        border-bottom: unset;
        border-right: 1px solid #dee2e6 !important;
    }
}
#toast-container {
    margin-top: 50px !important;
}
#toast-container > div {
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
 }

.accordion-button:focus {
  box-shadow: var(--app-primary-shadow);
  border-color: var(--primary-600);
}
.accordion-button:not(.collapsed) {
  color: var(--primary-600);
  background-color: var(--app-primary-transparent-25);
  box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}
.text-app-primary {
    color: var(--primary-600);
}
.img-cover {
  display:block;
  width: 100%;
  object-fit: contain;

}
.img-banner {
  height: 340px;
}
.user-acceptance > p {
  margin-bottom: 0 !important;
}
.text-small-v {
    font-size: smaller !important;
    line-height: 0.9em;
    white-space: pre-wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 80px;
}
.append-icon {
    border: 1px solid #ced4da !important;
    border-radius: 0 0.25rem 0.25rem 0 !important;
}

.search-modal, .search-modal-icon {
    cursor: pointer !important;
}

.modal-search {
    font-size: 0.9rem !important;
}

.text-sm {
    font-size: 0.8rem;
}

.tabela-itens>:not(:last-child)>:last-child>* {
    border-bottom-color: inherit !important;
}

.tabela-itens tfoot td {
    border-bottom: 0px !important;
}
.row.row-input-group input {
  position: relative;
  z-index: 1;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.row.row-input-group select {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.form-group-color .btn-group {
  display:flex;
}
.form-group-color .form-select {
  text-align:start;
}
.form-group-color .dropdown-menu {
  width: 100%;
  height: 250px;
  overflow: auto;
}
.form-group-color input[type="radio"]:checked + label {
  background: var(--primary-600);
  color: #fff;
}
.form-label-color {
  display:flex;
  align-items:center;
}
.form-label-color .color-preview{
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #ced4da;
}
.form-label-color .color-name {
  margin-left: 0.5rem;
}
.custom-radio-control {
  position: relative;
  display: block;
  padding: 1rem;
  color: #212529;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid rgba(0,0,0,.125);
  border-radius: 0.25rem;
}
.list-group-checkable {
  display: grid;
  gap: 0.5rem;
  border: 0;
}
.list-group-item-check:checked + .list-group-item {
  color: #fff;
  background-color: var(--primary-500);
}
.list-group-item-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.list-group-checkable .list-group-item {
  cursor: pointer;
  border-radius: 0.5rem;
}
.list-group-item-check[disabled] + .list-group-item, .list-group-item-check:disabled + .list-group-item {
  pointer-events: none;
  filter: none;
  opacity: .5;
}
.custom-alert {
  padding: 0.5rem;
  border-left: 3px solid transparent;
  border-radius: 0.25rem;
}
.custom-alert.active {
  background: var(--primary-100);
  border-color: var(--primary-600);
}
.custom-alert.active i {
  color: var(--primary-600);
}
.custom-alert.paused {
  background:  #ffc10726;
  border-color: var(--bs-warning);
}
.custom-alert.uncreated {
  border: 1px solid var(--primary-600);
}
.custom-alert.uncreated i {
  color: var(--primary-600);
}
.custom-alert.paused i {
  color: var(--bs-warning);
}
@media (min-width: 768px) {
  .bg-md-transparent {
    background:transparent !important;
  }
}
@media (min-width: 998px) {
  .w-lg-25 {
    width: 25%;
  }
  .w-lg-50 {
    width: 50%;
  }
  .w-lg-75 {
    width: 75%;
  }
  .w-lg-100 {
    width: 100%;
  }
  .bg-lg-transparent {
    background:transparent !important;
  }
}
.feedback-input-group {
  position: absolute;
  bottom: 0;
  transform: translateY(calc(100% + 0.25em));
  left: 0;
}
.card-metrics {
	display:flex;
	align-items:center;
}
.form-check-icon-input {
  display:none;
}
.form-check-icon-input:checked + label{
  background: var(--primary-600);
  color: #f5f6fe;
}
.form-check-icon-label {
  background: #f5f6fe;
  color: var(--bs-gray-dark);
  font-size: 85%;
  display:flex;
  align-items:center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 0.25rem;
}


.form-labeled-switch {
  display:inline-flex;
  flex-wrap:nowrap;
  overflow:hidden;
  border-radius:0.5rem;
}
.form-labeled-switch > label {
  padding:0.25rem 0.5rem;
  color: #fff;
  background: #e9ecef;
  cursor:pointer;
  transition: background-color 0.3s ease-in-out;
}
.form-labeled-switch input[type="radio"]:not(:checked) + label {
  color: var(--bs-gray-dark);
}
.form-labeled-switch input[type="radio"]:checked + .form-switch-off {
  background-color: var(--bs-danger);
}
.form-labeled-switch input[type="radio"]:checked + .form-switch-on {
  background-color: var(--bs-success);
}
.btn-chevron {
  transition: transform 0.3s ease-in;
}
.btn-chevron.active {
  transform: rotate(180deg);
}
.opacity-half > div{
  opacity: 0.5;
}
.opacity-full ul li {
  background-color: inherit;
}
.opacity-full {
  background-color: var(--primary-100);
}